/* PAGE */
body {
font-family: Arial, sans-serif;
font-size: 11pt;
margin: var(--body-margin-top) var(--body-margin-right) var(--body-margin-bottom) var(--body-margin-left);
background-color: #1f1f1f;
color: #fdfdfd;
overflow-x: hidden;
}
.link {
color: #b2e9ff;
}
/* HEADING */
.heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 {
font-weight: 600;
font-family: 'Arial', sans-serif;
margin-top: 0.75em;
margin-bottom: 0.5em;
line-height: 1.25;
color: #fdfdfd;
page-break-after: avoid;
}
.heading-1 {
font-size: 2em;
margin-top: 5vh;
padding-bottom: 0.3em;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #444;
page-break-before: always;
}
.heading-2 {
font-size: 1.5em;
padding-bottom: 0.3em;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #444;
}
/* CHECKBOX */
.checkbox {
width: 15px;
height: 15px;
border: 1px solid #555;
border-radius: 4px;
position: relative;
background-color: #333;
}
.checkbox-checked::before {
content: '\2713';
font-size: 16px;
color: white;
display: block;
text-align: center;
line-height: 18px;
}
/* FOCUS BLOCK */
.focus-block, .focus-quote-block {
padding: 16px;
border-radius: 8px;
margin-bottom: 16px;
display: flex;
gap: 10px;
align-items: center;
font-size: 1.05em;
background-color: #1e1e1e;
color: #fdfdfd;
page-break-inside: avoid;
margin-top: 5vh;
margin-bottom: 5vh;
}
.focus-block-quote, .focus-quote-block-quote {
background-color: #333;
border-left: 4px solid #888;
font-style: italic;
font-weight: normal;
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 1.25em;
}
.focus-block-quote-title, .focus-quote-block-quote-title {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-quote" viewBox="0 0 16 16"><path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z"/></svg>');
}
.focus-block-note, .focus-quote-block-note {
background-color: #1a3a7c;
border-left: 4px solid #1a73e8;
color: #a4c7f4;
}
.focus-block-note-title, .focus-quote-block-note-title {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23a4c7f4" class="bi bi-info-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/></svg>');
}
.focus-block-tip, .focus-quote-block-tip {
background-color: #0a521b;
border-left: 4px solid #34a853;
color: #b4fbb4;
}
.focus-block-tip-title, .focus-quote-block-tip-title {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23b4fbb4" class="bi bi-lightbulb" viewBox="0 0 16 16"><path d="M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13a.5.5 0 0 1 0 1 .5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1 0-1 .5.5 0 0 1 0-1 .5.5 0 0 1-.46-.302l-.761-1.77a2 2 0 0 0-.453-.618A5.98 5.98 0 0 1 2 6m6-5a5 5 0 0 0-3.479 8.592c.263.254.514.564.676.941L5.83 12h4.342l.632-1.467c.162-.377.413-.687.676-.941A5 5 0 0 0 8 1"/></svg>');
}
.focus-block-important, .focus-quote-block-important {
background-color: #331b4b;
border-left: 4px solid #8957E5;
color: #e4c8f9;
}
.focus-block-important-title, .focus-quote-block-important-title {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23d0a4f5" class="bi bi-bookmark-star" viewBox="0 0 16 16"><path d="M7.84 4.1a.178.178 0 0 1 .32 0l.634 1.285a.18.18 0 0 0 .134.098l1.42.206c.145.021.204.2.098.303L9.42 6.993a.18.18 0 0 0-.051.158l.242 1.414a.178.178 0 0 1-.258.187l-1.27-.668a.18.18 0 0 0-.165 0l-1.27.668a.178.178 0 0 1-.257-.187l.242-1.414a.18.18 0 0 0-.05-.158l-1.03-1.001a.178.178 0 0 1 .098-.303l1.42-.206a.18.18 0 0 0 .134-.098z"/><path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/></svg>');
}
.focus-block-warning, .focus-quote-block-warning {
background-color: #4f3d00;
border-left: 4px solid #d79b00;
color: #ffd700;
}
.focus-block-warning-title, .focus-quote-block-warning-title {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23ffd700" class="bi bi-exclamation-triangle" viewBox="0 0 16 16"><path d="M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016.15.15 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.2.2 0 0 1-.054.06.1.1 0 0 1-.066.017H1.146a.1.1 0 0 1-.066-.017.2.2 0 0 1-.054-.06.18.18 0 0 1 .002-.183L7.884 2.073a.15.15 0 0 1 .054-.057m1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767z"/><path d="M7.002 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z"/></svg>');
}
.focus-block-caution, .focus-quote-block-caution {
background-color: #4f0b10;
border-left: 4px solid #d93025;
color: #ff6f61;
}
.focus-block-caution-title, .focus-quote-block-caution-title {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23ff6f61" class="bi bi-exclamation-octagon" viewBox="0 0 16 16"><path d="M4.54.146A.5.5 0 0 1 4.893 0h6.214a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353zM5.1 1 1 5.1v5.8L5.1 15h5.8l4.1-4.1V5.1L10.9 1z"/><path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z"/></svg>');
}
/* BOOKMARK */
.bookmark, .abridged-bookmark {
width: 98vw;
height: 15vh;
background-color: #696969;
border-top-left-radius: 1%;
border-bottom-left-radius: 1%;
border-top-right-radius: calc(var(--body-margin-right) / 4.0);
border-bottom-right-radius: calc(var(--body-margin-right) / 4.0);
color: #fdfdfd;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
z-index: 999;
margin-left: calc(-1 * var(--body-margin-left));
overflow-x: hidden;
padding-right: calc(var(--body-margin-right) / 2.0);
padding-left: calc(var(--body-margin-right) / 2.0);
margin-top: 5vh;
margin-bottom: 5vh;
page-break-inside: avoid;
}
/* .TODO */
.todo {
width: 98vw;
height: 15vh;
background-color: #333;
border-top-left-radius: 1%;
border-bottom-left-radius: 1%;
border-top-right-radius: calc(var(--body-margin-right) / 4.0);
border-bottom-right-radius: calc(var(--body-margin-right) / 4.0);
color: #fdfdfd;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
z-index: 999;
margin-left: calc(-1 * var(--body-margin-left));
overflow-x: hidden;
padding-right: calc(var(--body-margin-right) / 2.0);
padding-left: calc(var(--body-margin-right) / 2.0);
margin-top: 5vh;
margin-bottom: 5vh;
page-break-inside: avoid;
}
.todo-title::before {
content: "TODO";
font-size: large;
font-weight: bold;
color: #ffab40;
}
/* .TABLE */
.table {
display: table;
width: 90%;
border-collapse: collapse;
margin: 5%;
color: #fdfdfd;
}
.table-cell, .table-empty-cell {
display: table-cell;
padding: 8px;
border: 1px solid #444;
}
.table-header .table-cell {
font-weight: bold;
background-color: #333;
}
.table-footer .table-cell {
font-weight: bold;
background-color: #444;
}
/* TOC */
.toc {
line-height: 2vh;
color: #fdfdfd;
margin-bottom: 7vh;
}
.toc-item-bullet {
display: inline-block;
margin-right: 0.5vw;
font-size: large;
width: 0.5em;
color: #ffd700;
}
/* BIBLIOGRAPHY */
.bibliography {
line-height: 2vh;
color: #fdfdfd;
page-break-before: always;
}
/* CITE */
.cite {
text-decoration: none;
color: #d0a4f5;
}