/* 왼쪽 및 오른쪽 사이드바 메뉴 + 제목을 왼쪽 정렬 */
.md-nav {
text-align: left !important;
}
/* 폰트 두께 */
h1 {
font-weight: bold !important;
}
*,
:after,
:before {
box-sizing: inherit;
}
/* Justify all paragraph text */
.md-typeset p {
text-align: justify;
}
.indent {
margin-left: 2em;
}
p {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
unicode-bidi: isolate;
}
.md-typeset {
-webkit-print-color-adjust: exact;
color-adjust: exact;
font-size: .8rem;
line-height: 1.6;
overflow-wrap: break-word;
}
[data-md-color-scheme=slate][data-md-color-primary=black],
[data-md-color-scheme=slate][data-md-color-primary=blue-grey],
[data-md-color-scheme=slate][data-md-color-primary=grey],
[data-md-color-scheme=slate][data-md-color-primary=white] {
--md-typeset-a-color: #5e8bde;
}
[data-md-color-primary=black] {
--md-primary-fg-color: hsla(var(--md-hue), 15%, 9%, 1);
--md-primary-fg-color--light: hsla(var(--md-hue), 15%, 9%, 0.54);
--md-primary-fg-color--dark: hsla(var(--md-hue), 15%, 9%, 1);
--md-primary-bg-color: hsla(var(--md-hue), 15%, 100%, 1);
--md-primary-bg-color--light: hsla(var(--md-hue), 15%, 100%, 0.7);
--md-typeset-a-color: #4051b5;
}
[data-md-color-accent=indigo] {
--md-accent-fg-color: #526cfe;
--md-accent-fg-color--transparent: #526cfe1a;
--md-accent-bg-color: #fff;
--md-accent-bg-color--light: #ffffffb3;
}
[data-md-color-scheme=slate] {
--md-default-fg-color: hsla(var(--md-hue), 15%, 90%, 0.82);
--md-default-fg-color--light: hsla(var(--md-hue), 15%, 90%, 0.56);
--md-default-fg-color--lighter: hsla(var(--md-hue), 15%, 90%, 0.32);
--md-default-fg-color--lightest: hsla(var(--md-hue), 15%, 90%, 0.12);
--md-default-bg-color: hsla(var(--md-hue), 15%, 14%, 1);
--md-default-bg-color--light: hsla(var(--md-hue), 15%, 14%, 0.54);
--md-default-bg-color--lighter: hsla(var(--md-hue), 15%, 14%, 0.26);
--md-default-bg-color--lightest: hsla(var(--md-hue), 15%, 14%, 0.07);
--md-code-fg-color: hsla(var(--md-hue), 18%, 86%, 0.82);
--md-code-bg-color: hsla(var(--md-hue), 15%, 18%, 1);
--md-code-bg-color--light: hsla(var(--md-hue), 15%, 18%, 0.9);
--md-code-bg-color--lighter: hsla(var(--md-hue), 15%, 18%, 0.54);
--md-code-hl-color: #2977ff;
--md-code-hl-color--light: #2977ff1a;
--md-code-hl-number-color: #e6695b;
--md-code-hl-special-color: #f06090;
--md-code-hl-function-color: #c973d9;
--md-code-hl-constant-color: #9383e2;
--md-code-hl-keyword-color: #6791e0;
--md-code-hl-string-color: #2fb170;
--md-code-hl-name-color: var(--md-code-fg-color);
--md-code-hl-operator-color: var(--md-default-fg-color--light);
--md-code-hl-punctuation-color: var(--md-default-fg-color--light);
--md-code-hl-comment-color: var(--md-default-fg-color--light);
--md-code-hl-generic-color: var(--md-default-fg-color--light);
--md-code-hl-variable-color: var(--md-default-fg-color--light);
--md-typeset-color: var(--md-default-fg-color);
--md-typeset-a-color: var(--md-primary-fg-color);
--md-typeset-kbd-color: hsla(var(--md-hue), 15%, 90%, 0.12);
--md-typeset-kbd-accent-color: hsla(var(--md-hue), 15%, 90%, 0.2);
--md-typeset-kbd-border-color: hsla(var(--md-hue), 15%, 14%, 1);
--md-typeset-mark-color: #4287ff4d;
--md-typeset-table-color: hsla(var(--md-hue), 15%, 95%, 0.12);
--md-typeset-table-color--light: hsla(var(--md-hue), 15%, 95%, 0.035);
--md-admonition-fg-color: var(--md-default-fg-color);
--md-admonition-bg-color: var(--md-default-bg-color);
--md-footer-bg-color: hsla(var(--md-hue), 15%, 10%, 0.87);
--md-footer-bg-color--dark: hsla(var(--md-hue), 15%, 8%, 1);
--md-shadow-z1: 0 0.2rem 0.5rem #0000000d, 0 0 0.05rem #0000001a;
--md-shadow-z2: 0 0.2rem 0.5rem #00000040, 0 0 0.05rem #00000040;
--md-shadow-z3: 0 0.2rem 0.5rem #0006, 0 0 0.05rem #00000059;
color-scheme: dark;
}
:root>* {
--md-mermaid-font-family: var(--md-text-font-family), sans-serif;
--md-mermaid-edge-color: var(--md-code-fg-color);
--md-mermaid-node-bg-color: var(--md-accent-fg-color--transparent);
--md-mermaid-node-fg-color: var(--md-accent-fg-color);
--md-mermaid-label-bg-color: var(--md-default-bg-color);
--md-mermaid-label-fg-color: var(--md-code-fg-color);
--md-mermaid-sequence-actor-bg-color: var(--md-mermaid-label-bg-color);
--md-mermaid-sequence-actor-fg-color: var(--md-mermaid-label-fg-color);
--md-mermaid-sequence-actor-border-color: var(--md-mermaid-node-fg-color);
--md-mermaid-sequence-actor-line-color: var(--md-default-fg-color--lighter);
--md-mermaid-sequence-actorman-bg-color: var(--md-mermaid-label-bg-color);
--md-mermaid-sequence-actorman-line-color: var(--md-mermaid-node-fg-color);
--md-mermaid-sequence-box-bg-color: var(--md-mermaid-node-bg-color);
--md-mermaid-sequence-box-fg-color: var(--md-mermaid-edge-color);
--md-mermaid-sequence-label-bg-color: var(--md-mermaid-node-bg-color);
--md-mermaid-sequence-label-fg-color: var(--md-mermaid-node-fg-color);
--md-mermaid-sequence-loop-bg-color: var(--md-mermaid-node-bg-color);
--md-mermaid-sequence-loop-fg-color: var(--md-mermaid-edge-color);
--md-mermaid-sequence-loop-border-color: var(--md-mermaid-node-fg-color);
--md-mermaid-sequence-message-fg-color: var(--md-mermaid-edge-color);
--md-mermaid-sequence-message-line-color: var(--md-mermaid-edge-color);
--md-mermaid-sequence-note-bg-color: var(--md-mermaid-label-bg-color);
--md-mermaid-sequence-note-fg-color: var(--md-mermaid-edge-color);
--md-mermaid-sequence-note-border-color: var(--md-mermaid-label-fg-color);
--md-mermaid-sequence-number-bg-color: var(--md-mermaid-node-fg-color);
--md-mermaid-sequence-number-fg-color: var(--md-accent-bg-color);
}
body {
background-color: var(--md-default-bg-color);
display: flex;
flex-direction: column;
font-size: .5rem;
min-height: 100%;
position: relative;
width: 100%;
}
aside,
body,
input {
font-feature-settings: "kern", "liga";
color: var(--md-typeset-color);
font-family: var(--md-text-font-family);
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
--md-text-font-family: var(--md-text-font, _), -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
--md-code-font-family: var(--md-code-font, _), SFMono-Regular, Consolas, Menlo, monospace;
}
:root {
--md-admonition-icon--pied-piper: url(data:image/svg+xml;charset=utf-8,);
}
:root {
--md-text-font: "Roboto";
--md-code-font: "Roboto Mono";
}
:root {
--md-tasklist-icon: url(data:image/svg+xml;charset=utf-8,);
--md-tasklist-icon--checked: url(data:image/svg+xml;charset=utf-8,);
}
:root {
--md-tabbed-icon--prev: url(data:image/svg+xml;charset=utf-8,);
--md-tabbed-icon--next: url(data:image/svg+xml;charset=utf-8,);
}
:root {
--md-details-icon: url(data:image/svg+xml;charset=utf-8,);
}
:root {
--md-footnotes-icon: url(data:image/svg+xml;charset=utf-8,);
}
:root {
--md-admonition-icon--note: url(data:image/svg+xml;charset=utf-8,);
--md-admonition-icon--abstract: url(data:image/svg+xml;charset=utf-8,);
--md-admonition-icon--info: url(data:image/svg+xml;charset=utf-8,);
--md-admonition-icon--tip: url(data:image/svg+xml;charset=utf-8,);
--md-admonition-icon--success: url(data:image/svg+xml;charset=utf-8,);
--md-admonition-icon--question: url(data:image/svg+xml;charset=utf-8,);
--md-admonition-icon--warning: url(data:image/svg+xml;charset=utf-8,);
--md-admonition-icon--failure: url(data:image/svg+xml;charset=utf-8,);
--md-admonition-icon--danger: url(data:image/svg+xml;charset=utf-8,);
--md-admonition-icon--bug: url(data:image/svg+xml;charset=utf-8,);
--md-admonition-icon--example: url(data:image/svg+xml;charset=utf-8,);
--md-admonition-icon--quote: url(data:image/svg+xml;charset=utf-8,);
}
:root {
--md-version-icon: url(data:image/svg+xml;charset=utf-8,);
}
:root {
--md-tooltip-width: 20rem;
--md-tooltip-tail: 0.3rem;
}
:root {
--md-annotation-bg-icon: url(data:image/svg+xml;charset=utf-8,);
--md-annotation-icon: url(data:image/svg+xml;charset=utf-8,);
}
:root {
--md-tag-icon: url(data:image/svg+xml;charset=utf-8,);
}
:root {
--md-status: url(data:image/svg+xml;charset=utf-8,);
--md-status--new: url(data:image/svg+xml;charset=utf-8,);
--md-status--deprecated: url(data:image/svg+xml;charset=utf-8,);
--md-status--encrypted: url(data:image/svg+xml;charset=utf-8,);
}
:root {
--md-source-forks-icon: url(data:image/svg+xml;charset=utf-8,);
--md-source-repositories-icon: url(data:image/svg+xml;charset=utf-8,);
--md-source-stars-icon: url(data:image/svg+xml;charset=utf-8,);
--md-source-version-icon: url(data:image/svg+xml;charset=utf-8,);
}
:root {
--md-search-result-icon: url(data:image/svg+xml;charset=utf-8,);
}
:root {
--md-progress-value: 0;
--md-progress-delay: 400ms;
}
:root {
--md-post-pin-icon: url(data:image/svg+xml;charset=utf-8,);
}
:root {
--md-path-icon: url(data:image/svg+xml;charset=utf-8,);
}
:root {
--md-nav-icon--prev: url(data:image/svg+xml;charset=utf-8,);
--md-nav-icon--next: url(data:image/svg+xml;charset=utf-8,);
--md-toc-icon: url(data:image/svg+xml;charset=utf-8,);
}
:root {
--md-code-select-icon: url(data:image/svg+xml;charset=utf-8,);
--md-code-copy-icon: url(data:image/svg+xml;charset=utf-8,);
}
:root {
--md-clipboard-icon: url(data:image/svg+xml;charset=utf-8,);
}
:root {
--md-typeset-table-sort-icon: url(data:image/svg+xml;charset=utf-8,);
--md-typeset-table-sort-icon--asc: url(data:image/svg+xml;charset=utf-8,);
--md-typeset-table-sort-icon--desc: url(data:image/svg+xml;charset=utf-8,);
}
:root,
[data-md-color-scheme=default] {
--md-hue: 225deg;
--md-default-fg-color: #000000de;
--md-default-fg-color--light: #0000008a;
--md-default-fg-color--lighter: #00000052;
--md-default-fg-color--lightest: #00000012;
--md-default-bg-color: #fff;
--md-default-bg-color--light: #ffffffb3;
--md-default-bg-color--lighter: #ffffff4d;
--md-default-bg-color--lightest: #ffffff1f;
--md-code-fg-color: #36464e;
--md-code-bg-color: #f5f5f5;
--md-code-bg-color--light: #f5f5f5b3;
--md-code-bg-color--lighter: #f5f5f54d;
--md-code-hl-color: #4287ff;
--md-code-hl-color--light: #4287ff1a;
--md-code-hl-number-color: #d52a2a;
--md-code-hl-special-color: #db1457;
--md-code-hl-function-color: #a846b9;
--md-code-hl-constant-color: #6e59d9;
--md-code-hl-keyword-color: #3f6ec6;
--md-code-hl-string-color: #1c7d4d;
--md-code-hl-name-color: var(--md-code-fg-color);
--md-code-hl-operator-color: var(--md-default-fg-color--light);
--md-code-hl-punctuation-color: var(--md-default-fg-color--light);
--md-code-hl-comment-color: var(--md-default-fg-color--light);
--md-code-hl-generic-color: var(--md-default-fg-color--light);
--md-code-hl-variable-color: var(--md-default-fg-color--light);
--md-typeset-color: var(--md-default-fg-color);
--md-typeset-a-color: var(--md-primary-fg-color);
--md-typeset-del-color: #f5503d26;
--md-typeset-ins-color: #0bd57026;
--md-typeset-kbd-color: #fafafa;
--md-typeset-kbd-accent-color: #fff;
--md-typeset-kbd-border-color: #b8b8b8;
--md-typeset-mark-color: #ffff0080;
--md-typeset-table-color: #0000001f;
--md-typeset-table-color--light: rgba(0, 0, 0, .035);
--md-admonition-fg-color: var(--md-default-fg-color);
--md-admonition-bg-color: var(--md-default-bg-color);
--md-warning-fg-color: #000000de;
--md-warning-bg-color: #ff9;
--md-footer-fg-color: #fff;
--md-footer-fg-color--light: #ffffffb3;
--md-footer-fg-color--lighter: #ffffff73;
--md-footer-bg-color: #000000de;
--md-footer-bg-color--dark: #00000052;
--md-shadow-z1: 0 0.2rem 0.5rem #0000000d, 0 0 0.05rem #0000001a;
--md-shadow-z2: 0 0.2rem 0.5rem #0000001a, 0 0 0.05rem #00000040;
--md-shadow-z3: 0 0.2rem 0.5rem #0003, 0 0 0.05rem #00000059;
}
:root {
--md-primary-fg-color: #4051b5;
--md-primary-fg-color--light: #5d6cc0;
--md-primary-fg-color--dark: #303fa1;
--md-primary-bg-color: #fff;
--md-primary-bg-color--light: #ffffffb3;
--md-accent-fg-color: #526cfe;
--md-accent-fg-color--transparent: #526cfe1a;
--md-accent-bg-color: #fff;
--md-accent-bg-color--light: #ffffffb3;
}
html {
font-size: 125%;
height: 100%;
overflow-x: hidden;
}
html {
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
box-sizing: border-box;
}
*,
:after,
:before {
box-sizing: inherit;
}
*,
:after,
:before {
box-sizing: inherit;
}
.md-typeset .admonition.billibot,
.md-typeset details.billibot {
border-color: rgb(43, 155, 70);
}
.md-typeset .billibot>.admonition-title,
.md-typeset .billibot>summary {
background-color: rgba(43, 155, 70, 0.1);
}
.md-typeset .billibot>.admonition-title::before,
.md-typeset .billibot>summary::before {
background-color: rgb(43, 155, 70);
-webkit-mask-image: var(--md-admonition-icon--quote);
mask-image: var(--md-admonition-icon--quote);
}
div.admonition.example {
float: right;
width: 40%;
margin-left: 20px;
background-color: #f8f8ff;
padding: 15px;
border-radius: 8px;
overflow-y: auto;
max-height: 500px;
}