|
|
|
|
@ -0,0 +1,525 @@
@@ -0,0 +1,525 @@
|
|
|
|
|
/* KW */ |
|
|
|
|
|
|
|
|
|
:root { |
|
|
|
|
--text: #32373f; |
|
|
|
|
--code: #383a42; |
|
|
|
|
--link: #4286f4; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#joplin-container-content{ |
|
|
|
|
padding-left: 0 !important; |
|
|
|
|
padding-right: 0 !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#rendered-md { |
|
|
|
|
padding: 3%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
body { |
|
|
|
|
font-size: 1.2rem; |
|
|
|
|
color: var(--text); |
|
|
|
|
word-wrap: break-word; |
|
|
|
|
line-height: 1.6em; |
|
|
|
|
/* background-color: #ffffff; */ |
|
|
|
|
font-family: 'Avenir', 'Arial', sans-serif; |
|
|
|
|
padding-bottom: 0px; |
|
|
|
|
padding-top: 0px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.hljs { |
|
|
|
|
display: block; |
|
|
|
|
overflow-x: auto; |
|
|
|
|
padding: 0.5em; |
|
|
|
|
color: var(--code); |
|
|
|
|
background: var(--code); |
|
|
|
|
padding: 1em; |
|
|
|
|
/* background: #000; */ |
|
|
|
|
/* color: #f8f8f8; */ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
code.hljs { |
|
|
|
|
padding: 3px 5px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* Editor / pre */ |
|
|
|
|
.cm-jn-monospace { |
|
|
|
|
font-family: "NotoMono Nerd Font" !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, |
|
|
|
|
.hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number, |
|
|
|
|
.hljs-built_in, .hljs-class .hljs-title { |
|
|
|
|
color: #ffc13d; |
|
|
|
|
} |
|
|
|
|
.hljs-comment, |
|
|
|
|
.hljs-meta, |
|
|
|
|
.hljs-quote { |
|
|
|
|
color: #7c7c7c; |
|
|
|
|
} |
|
|
|
|
.hljs-keyword, |
|
|
|
|
.hljs-name, |
|
|
|
|
.hljs-selector-tag, |
|
|
|
|
.hljs-tag { |
|
|
|
|
color: #96cbfe; |
|
|
|
|
} |
|
|
|
|
.hljs-attribute, |
|
|
|
|
.hljs-selector-id { |
|
|
|
|
color: #ffffb6; |
|
|
|
|
} |
|
|
|
|
.hljs-addition, |
|
|
|
|
.hljs-selector-attr, |
|
|
|
|
.hljs-selector-pseudo, |
|
|
|
|
.hljs-string { |
|
|
|
|
color: #a8ff60; |
|
|
|
|
} |
|
|
|
|
.hljs-subst { |
|
|
|
|
color: #daefa3; |
|
|
|
|
} |
|
|
|
|
.hljs-link, |
|
|
|
|
.hljs-regexp { |
|
|
|
|
color: #e9c062; |
|
|
|
|
} |
|
|
|
|
.hljs-doctag, |
|
|
|
|
.hljs-section, |
|
|
|
|
.hljs-title, |
|
|
|
|
.hljs-type { |
|
|
|
|
color: #ffffb6; |
|
|
|
|
} |
|
|
|
|
.hljs-bullet, |
|
|
|
|
.hljs-literal, |
|
|
|
|
.hljs-symbol, |
|
|
|
|
.hljs-template-variable, |
|
|
|
|
.hljs-variable { |
|
|
|
|
color: #c6c5fe; |
|
|
|
|
} |
|
|
|
|
.hljs-deletion, |
|
|
|
|
.hljs-number { |
|
|
|
|
color: #ff73fd; |
|
|
|
|
} |
|
|
|
|
.hljs-emphasis { |
|
|
|
|
font-style: italic; |
|
|
|
|
} |
|
|
|
|
.hljs-strong { |
|
|
|
|
font-weight: 700; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* CUSTOM */ |
|
|
|
|
|
|
|
|
|
h1, h2, h3, h4, h5, h6 { |
|
|
|
|
font-weight: 700; |
|
|
|
|
color: #2c3e50 !important; |
|
|
|
|
margin-bottom: 0.5rem; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
h1 { |
|
|
|
|
font-size: 1.8rem; |
|
|
|
|
color: #2c3e50 !important; |
|
|
|
|
margin-bottom: 0.5rem; |
|
|
|
|
text-transform: uppercase!important; |
|
|
|
|
text-align: center!important; |
|
|
|
|
line-height: 1.2; |
|
|
|
|
margin-top: 0; |
|
|
|
|
margin-bottom: 1em; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
h2 { |
|
|
|
|
font-size: 1.8rem; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
h3 { |
|
|
|
|
font-size: 1.6rem; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
h4 { |
|
|
|
|
font-size: 1.4rem; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
h5 { |
|
|
|
|
font-size: 1.2rem; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
h6 { |
|
|
|
|
font-size: 1rem; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
code { |
|
|
|
|
color: #faffc3 !important; |
|
|
|
|
background-color: var(--code) !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
code, pre { |
|
|
|
|
font-family: "NotoMono Nerd Font" !important; |
|
|
|
|
font-size: 1.2rem; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* pre > code { */ |
|
|
|
|
/* background-color: #2c3e50 !important; */ |
|
|
|
|
/* color: #fff !important; */ |
|
|
|
|
/* } */ |
|
|
|
|
|
|
|
|
|
p { |
|
|
|
|
display: block; |
|
|
|
|
margin-block-end: 1em; |
|
|
|
|
margin-block-start: 1em; |
|
|
|
|
margin-bottom: 1rem; |
|
|
|
|
margin-inline-end: 0px; |
|
|
|
|
margin-inline-start: 0px; |
|
|
|
|
margin-top: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
a { |
|
|
|
|
color: var(--link); |
|
|
|
|
text-decoration: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
a:focus, |
|
|
|
|
a:hover, |
|
|
|
|
a:active { |
|
|
|
|
text-decoration: none; |
|
|
|
|
/* color: #26e4bb; */ |
|
|
|
|
color: #007c7c; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
blockquote { |
|
|
|
|
border-left: 4px solid #4286f4; |
|
|
|
|
display: block; |
|
|
|
|
margin-block-end: 1em; |
|
|
|
|
margin-block-start: 1em; |
|
|
|
|
margin-inline-end: 40px; |
|
|
|
|
margin-inline-start: 40px; |
|
|
|
|
margin: 0 0 1rem; |
|
|
|
|
padding-left: 2%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* LISTS */ |
|
|
|
|
|
|
|
|
|
ol { |
|
|
|
|
margin: 0 0 1.5em; |
|
|
|
|
padding: 0; |
|
|
|
|
counter-reset: item; |
|
|
|
|
} |
|
|
|
|
ol li { |
|
|
|
|
margin: 0; |
|
|
|
|
padding: 0 0 0 1.5em; |
|
|
|
|
list-style-type: none; |
|
|
|
|
counter-increment: item; |
|
|
|
|
} |
|
|
|
|
ol li:before { |
|
|
|
|
color: var(--link); |
|
|
|
|
/* content: counter(item, decimal-leading-zero) "."; */ |
|
|
|
|
content: "00" counter(item) "."; |
|
|
|
|
/* display: inline-block; */ |
|
|
|
|
/* float: left; */ |
|
|
|
|
font-weight: bold; |
|
|
|
|
padding-right: 0.5em; |
|
|
|
|
width: 1em; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
ol li:nth-child(n+10):before { |
|
|
|
|
content: "0" counter(item) "."; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
ol li:nth-child(n+100):before { |
|
|
|
|
content: counter(item) "."; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
ul { |
|
|
|
|
margin: 0 0 1.5em; |
|
|
|
|
padding: 0; |
|
|
|
|
list-style: none; |
|
|
|
|
} |
|
|
|
|
ul li { |
|
|
|
|
margin: 0; |
|
|
|
|
padding: 0 0 0 1.5em; |
|
|
|
|
list-style-type: none; |
|
|
|
|
} |
|
|
|
|
ul li::before { |
|
|
|
|
color: var(--link); |
|
|
|
|
content: "\2022"; |
|
|
|
|
/* display: inline-block; */ |
|
|
|
|
float: left; |
|
|
|
|
font-weight: bold; |
|
|
|
|
/* padding-right: 0.3em; */ |
|
|
|
|
width: 1em; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* Timeline dt */ |
|
|
|
|
dt { |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
dl:before { |
|
|
|
|
content: ' '; |
|
|
|
|
background: darkgray; |
|
|
|
|
display: inline-block; |
|
|
|
|
position: absolute; |
|
|
|
|
left: 29px; |
|
|
|
|
width: 2px; |
|
|
|
|
height: 50%; |
|
|
|
|
z-index: 400; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
dl > dt:before { |
|
|
|
|
content: ' '; |
|
|
|
|
background: gray; |
|
|
|
|
display: inline-block; |
|
|
|
|
position: absolute; |
|
|
|
|
border-radius: 50%; |
|
|
|
|
left: 20px; |
|
|
|
|
width: 20px; |
|
|
|
|
height: 20px; |
|
|
|
|
z-index: 400; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
dl > dt, dl > dd { |
|
|
|
|
margin: 6pt 0; |
|
|
|
|
padding-left: 60px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
ins { |
|
|
|
|
text-decoration: none; |
|
|
|
|
color: #007c7c; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* BADGES */ |
|
|
|
|
|
|
|
|
|
b-error, b-success, b-info, b-warning, b-help { |
|
|
|
|
display: block; |
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
padding: 10px 10px 10px 50px; |
|
|
|
|
border: 1px solid; |
|
|
|
|
border-left: 5px solid; |
|
|
|
|
border-radius: 2px; |
|
|
|
|
word-wrap: break-word; |
|
|
|
|
text-align: left; |
|
|
|
|
box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.3); |
|
|
|
|
color: gray; |
|
|
|
|
background-color: transparent; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
b-error::before, |
|
|
|
|
b-success::before, |
|
|
|
|
b-info::before, |
|
|
|
|
b-warning::before, |
|
|
|
|
b-help::before { |
|
|
|
|
font-weight: 700; |
|
|
|
|
font-size: 1.5em; |
|
|
|
|
left: 1.6em; |
|
|
|
|
/* position: absolute; */ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
b-error { |
|
|
|
|
border-color: red; |
|
|
|
|
color: red; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
b-error::before { |
|
|
|
|
content: "❌"; |
|
|
|
|
font-family: "Font Awesome 5 Free" !important; |
|
|
|
|
color: red; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
b-success { |
|
|
|
|
border-color: forestgreen; |
|
|
|
|
color: forestgreen; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
b-success::before { |
|
|
|
|
content: "✅"; |
|
|
|
|
font-family: "Font Awesome 5 Free" !important; |
|
|
|
|
color: forestgreen; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
b-warning { |
|
|
|
|
border-color: darkorange; |
|
|
|
|
color: darkorange; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
b-warning::before { |
|
|
|
|
content: "⚠️"; |
|
|
|
|
font-family: "Font Awesome 5 Free" !important; |
|
|
|
|
color: orange !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
b-info { |
|
|
|
|
border-color: cornflowerblue; |
|
|
|
|
color: cornflowerblue; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
b-info::before { |
|
|
|
|
content: "ℹ️"; |
|
|
|
|
font-family: "Font Awesome 5 Free" !important; |
|
|
|
|
color: cornflowerblue; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
b-help { |
|
|
|
|
border-color: blueviolet; |
|
|
|
|
color: blueviolet; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
b-help::before { |
|
|
|
|
content: "🔔"; |
|
|
|
|
font-family: "Font Awesome 5 Free" !important; |
|
|
|
|
color: blueviolet; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
hr { |
|
|
|
|
border: none; |
|
|
|
|
border-bottom: 1px solid gray !important; |
|
|
|
|
margin: 2.5em 0 !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
input[type='checkbox'], |
|
|
|
|
.md-checkbox .checkbox-label-unchecked, |
|
|
|
|
.md-checkbox .checkbox-label-checked, |
|
|
|
|
li.md-checkbox { |
|
|
|
|
cursor: pointer !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
li.md-checkbox [type="checkbox"]:not(:checked), |
|
|
|
|
li.md-checkbox [type="checkbox"]:checked { |
|
|
|
|
position: absolute; |
|
|
|
|
left: -9999px; |
|
|
|
|
} |
|
|
|
|
li.md-checkbox [type="checkbox"]:not(:checked) + label, |
|
|
|
|
li.md-checkbox [type="checkbox"]:checked + label { |
|
|
|
|
position: relative; |
|
|
|
|
padding-left: 1.5em; |
|
|
|
|
cursor: pointer; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* .md-checkbox input[type=checkbox]:checked { */ |
|
|
|
|
/* opacity: 1; */ |
|
|
|
|
/* } */ |
|
|
|
|
|
|
|
|
|
li.md-checkbox [type="checkbox"]:not(:checked) + label:before, |
|
|
|
|
li.md-checkbox [type="checkbox"]:checked + label:before { |
|
|
|
|
content: ''; |
|
|
|
|
position: absolute; |
|
|
|
|
left: 0; |
|
|
|
|
top: 0; |
|
|
|
|
width: 1em; |
|
|
|
|
height: 1em; |
|
|
|
|
border: 1px solid darkgray; |
|
|
|
|
/* background: var(--light-gray); */ |
|
|
|
|
border-radius: 50%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
li.md-checkbox [type="checkbox"]:checked + label { |
|
|
|
|
opacity: 1 !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
li.md-checkbox [type="checkbox"]:checked + label:before { |
|
|
|
|
background: palegreen; |
|
|
|
|
opacity: 1 !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.checkbox-label-checked { |
|
|
|
|
text-decoration: line-through; |
|
|
|
|
text-decoration-color: darkgray; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
li.md-checkbox [type="checkbox"]:not(:checked) + label:after, |
|
|
|
|
li.md-checkbox [type="checkbox"]:checked + label:after { |
|
|
|
|
/* content: '\2713\0020'; */ |
|
|
|
|
position: absolute; |
|
|
|
|
top: -3px; |
|
|
|
|
left: 4px; |
|
|
|
|
color: white; |
|
|
|
|
font-weight: bold; |
|
|
|
|
font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial; |
|
|
|
|
opacity: 1 !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
li.md-checkbox [type="checkbox"]:not(:checked) + label:after { |
|
|
|
|
opacity: 0; |
|
|
|
|
transform: scale(0); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
li.md-checkbox [type="checkbox"]:checked + label:after { |
|
|
|
|
opacity: 1; |
|
|
|
|
transform: scale(1); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.resource-icon { |
|
|
|
|
display: inline-block; |
|
|
|
|
position: relative; |
|
|
|
|
top: 4px; |
|
|
|
|
text-decoration: none; |
|
|
|
|
width: 18px; |
|
|
|
|
height: 21px; |
|
|
|
|
margin-right: 5px; |
|
|
|
|
background-color: #155bda; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* TOC */ |
|
|
|
|
|
|
|
|
|
nav.table-of-contents ul { |
|
|
|
|
list-style-type: none; |
|
|
|
|
margin-top: 0px !important; |
|
|
|
|
margin-bottom: 0px !important; |
|
|
|
|
margin-left: 1em !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
nav.table-of-contents>ul { |
|
|
|
|
top: 5px; |
|
|
|
|
right: 0px; |
|
|
|
|
z-index: 99; |
|
|
|
|
|
|
|
|
|
font-size: 0.8em !important; |
|
|
|
|
position: fixed; |
|
|
|
|
padding: 15px; |
|
|
|
|
|
|
|
|
|
border-radius: 10px 0px 0px 10px; |
|
|
|
|
margin: 0px; |
|
|
|
|
|
|
|
|
|
overflow: hidden; |
|
|
|
|
height: 90%; |
|
|
|
|
width: 5px; |
|
|
|
|
transition: .2s; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
nav.table-of-contents::after { |
|
|
|
|
content: ""; |
|
|
|
|
color: black; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
nav.table-of-contents > ul:hover { |
|
|
|
|
background: #F8F8F8; |
|
|
|
|
box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.15); |
|
|
|
|
|
|
|
|
|
width: 30%; |
|
|
|
|
color: none; |
|
|
|
|
overflow: scroll; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
nav.table-of-contents > ul:hover::before { |
|
|
|
|
content: "Содержание"; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
nav.table-of-contents>ul:hover li { |
|
|
|
|
display: list-item; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
nav.table-of-contents li { |
|
|
|
|
display: none; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
overflow: hidden; |
|
|
|
|
margin: 0px; |
|
|
|
|
padding: 0px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
nav.table-of-contents li:before { |
|
|
|
|
content: "" !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* BADGES */ |
|
|
|
|
|
|
|
|
|
progress { |
|
|
|
|
height: 1.8em; |
|
|
|
|
vertical-align: bottom; |
|
|
|
|
} |
|
|
|
|
|
