@font-face {
font-family: "Noto Sans";
font-weight: 400;
font-style: normal;
src: url("../fonts/Noto-Sans-regular/Noto-Sans-regular.eot");
src: url("../fonts/Noto-Sans-regular/Noto-Sans-regular.eot?#iefix") format("embedded-opentype"), local("Noto Sans"), local("Noto-Sans-regular"), url("../fonts/Noto-Sans-regular/Noto-Sans-regular.woff2") format("woff2"), url("../fonts/Noto-Sans-regular/Noto-Sans-regular.woff") format("woff"), url("../fonts/Noto-Sans-regular/Noto-Sans-regular.ttf") format("truetype"), url("../fonts/Noto-Sans-regular/Noto-Sans-regular.svg#NotoSans") format("svg");
}
@font-face {
font-family: "Noto Sans";
font-weight: 700;
font-style: normal;
src: url("../fonts/Noto-Sans-700/Noto-Sans-700.eot");
src: url("../fonts/Noto-Sans-700/Noto-Sans-700.eot?#iefix") format("embedded-opentype"), local("Noto Sans Bold"), local("Noto-Sans-700"), url("../fonts/Noto-Sans-700/Noto-Sans-700.woff2") format("woff2"), url("../fonts/Noto-Sans-700/Noto-Sans-700.woff") format("woff"), url("../fonts/Noto-Sans-700/Noto-Sans-700.ttf") format("truetype"), url("../fonts/Noto-Sans-700/Noto-Sans-700.svg#NotoSans") format("svg");
}
@font-face {
font-family: "Noto Sans";
font-weight: 400;
font-style: italic;
src: url("../fonts/Noto-Sans-italic/Noto-Sans-italic.eot");
src: url("../fonts/Noto-Sans-italic/Noto-Sans-italic.eot?#iefix") format("embedded-opentype"), local("Noto Sans Italic"), local("Noto-Sans-italic"), url("../fonts/Noto-Sans-italic/Noto-Sans-italic.woff2") format("woff2"), url("../fonts/Noto-Sans-italic/Noto-Sans-italic.woff") format("woff"), url("../fonts/Noto-Sans-italic/Noto-Sans-italic.ttf") format("truetype"), url("../fonts/Noto-Sans-italic/Noto-Sans-italic.svg#NotoSans") format("svg");
}
@font-face {
font-family: "Noto Sans";
font-weight: 700;
font-style: italic;
src: url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot");
src: url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot?#iefix") format("embedded-opentype"), local("Noto Sans Bold Italic"), local("Noto-Sans-700italic"), url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff2") format("woff2"), url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff") format("woff"), url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.ttf") format("truetype"), url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.svg#NotoSans") format("svg");
}
.highlight table td {
padding: 5px;
}
.highlight table pre {
margin: 0;
}
.highlight .cm {
color: #999988;
font-style: italic;
}
.highlight .cp {
color: #999999;
font-weight: bold;
}
.highlight .c1 {
color: #999988;
font-style: italic;
}
.highlight .cs {
color: #999999;
font-weight: bold;
font-style: italic;
}
.highlight .c, .highlight .cd {
color: #999988;
font-style: italic;
}
.highlight .err {
color: #a61717;
background-color: #e3d2d2;
}
.highlight .gd {
color: var(--clr-code-bold-text);
background-color: #ffdddd;
}
.highlight .ge {
color: var(--clr-code-bold-text);
font-style: italic;
}
.highlight .gr {
color: #aa0000;
}
.highlight .gh {
color: #999999;
}
.highlight .gi {
color: var(--clr-code-bold-text);
background-color: #ddffdd;
}
.highlight .go {
color: #888888;
}
.highlight .gp {
color: #555555;
}
.highlight .gs {
font-weight: bold;
}
.highlight .gu {
color: #aaaaaa;
}
.highlight .gt {
color: #aa0000;
}
.highlight .kc {
color: var(--clr-code-bold-text);
font-weight: bold;
}
.highlight .kd {
color: var(--clr-code-bold-text);
font-weight: bold;
}
.highlight .kn {
color: var(--clr-code-bold-text);
font-weight: bold;
}
.highlight .kp {
color: var(--clr-code-bold-text);
font-weight: bold;
}
.highlight .kr {
color: var(--clr-code-bold-text);
font-weight: bold;
}
.highlight .kt {
color: #445588;
font-weight: bold;
}
.highlight .k, .highlight .kv {
color: var(--clr-code-bold-text);
font-weight: bold;
}
.highlight .mf {
color: #009999;
}
.highlight .mh {
color: #009999;
}
.highlight .il {
color: #009999;
}
.highlight .mi {
color: #009999;
}
.highlight .mo {
color: #009999;
}
.highlight .m, .highlight .mb, .highlight .mx {
color: #009999;
}
.highlight .sb {
color: #d14;
}
.highlight .sc {
color: #d14;
}
.highlight .sd {
color: #d14;
}
.highlight .s2 {
color: #d14;
}
.highlight .se {
color: #d14;
}
.highlight .sh {
color: #d14;
}
.highlight .si {
color: #d14;
}
.highlight .sx {
color: #d14;
}
.highlight .sr {
color: #009926;
}
.highlight .s1 {
color: #d14;
}
.highlight .ss {
color: #990073;
}
.highlight .s {
color: #d14;
}
.highlight .na {
color: #008080;
}
.highlight .bp {
color: #999999;
}
.highlight .nb {
color: #0086B3;
}
.highlight .nc {
color: #445588;
font-weight: bold;
}
.highlight .no {
color: #008080;
}
.highlight .nd {
color: #3c5d5d;
font-weight: bold;
}
.highlight .ni {
color: #800080;
}
.highlight .ne {
color: #990000;
font-weight: bold;
}
.highlight .nf {
color: #990000;
font-weight: bold;
}
.highlight .nl {
color: #990000;
font-weight: bold;
}
.highlight .nn {
color: #555555;
}
.highlight .nt {
color: #000080;
}
.highlight .vc {
color: #008080;
}
.highlight .vg {
color: #008080;
}
.highlight .vi {
color: #008080;
}
.highlight .nv {
color: #008080;
}
.highlight .ow {
color: var(--clr-code-bold-text);
font-weight: bold;
}
.highlight .o {
color: var(--clr-code-bold-text);
font-weight: bold;
}
.highlight .w {
color: #bbbbbb;
}
/*
H -> hue
L -> luminosity
S -> saturation
clr -> color
bg -> background
hvr -> hover
*/
:root {
--code-d14: #d14;
--code-aa0000: #aa0000;
--code-990000: #990000;
--code-009999: #009999;
--code-008080: #008080;
--code-3c5d5d: #3c5d5d;
--code-009926: #009926;
--code-990073: #990073;
--code-800080: #800080;
--code-445588: #445588;
--code-000080: #000080;
--code-aaaaaa: #aaaaaa;
--code-999999: #999999;
--code-888888: #888888;
--code-555555: #555555;
}
body {
background-color: var(--clr-bg);
padding: 50px;
font: 15px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: var(--clr-text);
font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
color: var(--clr-h1-and-bold);
margin: 0 0 20px;
}
p, ul, ol, table, pre, dl {
margin: 0 0 20px;
}
h1, h2, h3 {
line-height: 1.1;
}
h1 {
font-size: 32px;
}
h2 {
color: var(--clr-h2);
}
h3, h4, h5, h6 {
color: var(--clr-h-3-6);
}
a {
color: var(--clr-a-text);
text-decoration: none;
}
a.list:hover, a:hover, a:focus {
color: var(--clr-a-text-hvr);
}
a small {
font-size: 11px;
color: var(--clr-small-in-a);
margin-top: -0.3em;
display: block;
}
a:hover small {
color: var(--clr-small-in-a);
}
ul.list {
list-style-type: none;
display: flex;
justify-content: space-between;
padding-right: 5%;
padding-left: 5%;
margin-bottom: 0px;
}
h3.list {
margin-bottom: 10px;
}
a.list {
color: var(--clr-text);
}
ul.meta {
list-style-type: none;
display: flex;
justify-content: space-between;
padding: 0;
}
p.link {
margin: 0 0 4px;
}
ul.link {
list-style-type: none; /* Remove bullets */
margin: 0; /* To remove default bottom margin */
padding: 0.4px; /* To remove default left padding */
}
ul.link li + li {
margin-top: 6px;
}
ul.link:last-child {
margin-bottom: 6px;
}
.wrapper {
width: 860px;
margin: 0 auto;
}
blockquote {
border-left: 1px solid var(--clr-splitter-blockquote-and-section);
margin: 0;
padding: 0 0 0 20px;
font-style: italic;
}
code, pre {
font-family: Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
color: var(--clr-code-text);
}
pre {
padding: 8px 15px;
background: var(--clr-code-bg);
border-radius: 5px;
border: 1px solid var(--clr-code-border);
overflow-x: auto;
}
table {
width: 100%;
border-collapse: collapse;
}
th, td {
text-align: left;
padding: 5px 10px;
border-bottom: 1px solid var(--clr-splitter-blockquote-and-section);
}
dt {
color: var(--clr-table-header-and-dt);
font-weight: 700;
}
th {
color: var(--clr-table-header-and-dt);
}
img {
max-width: 100%;
}
kbd {
background-color: var(--clr-kbd-bg);
border: 1px solid var(--clr-kbd-border);
border-bottom-color: var(--clr-kbd-border-bottom-and-shadow);
border-radius: 3px;
box-shadow: inset 0 -1px 0 var(--clr-kbd-border-bottom-and-shadow);
color: var(--clr-kbd-text);
display: inline-block;
font-size: 11px;
line-height: 10px;
padding: 3px 5px;
vertical-align: middle;
}
.sidebar {
width: 185px;
float: left;
position: fixed;
-webkit-font-smoothing: subpixel-antialiased;
top: 0;
padding: 58px 0 50px 0;
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(100vh - 108px);
overflow-x: hidden;
overflow-y: scroll;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.spliter {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
margin-top: 1em;
width: 100%;
}
.spliter-item {
display: inline-block;
margin: 0;
padding: 0;
width: 50%;
}
.references-display .spliter .spliter-item {
min-width: 300px;
}
@-moz-document url-prefix() {
.sidebar {
scrollbar-width: none;
}
}
.sidebar::-webkit-scrollbar {
/* Chrome, Safari, Edge */
display: none;
}
strong {
color: var(--clr-h1-and-bold);
font-weight: 700;
}
section {
width: 610px;
float: right;
padding-bottom: 30px;
}
small {
font-size: 11px;
}
hr {
border: 0;
background: var(--clr-splitter-blockquote-and-section);
height: 1px;
width: 30%;
margin: 10px auto 30px;
}
footer, .sidebar-footer {
width: 185px;
float: left;
bottom: 30px;
-webkit-font-smoothing: subpixel-antialiased;
}
footer {
display: none;
}
.sidebar-footer {
flex-basis: content;
}
@media print, screen and (max-width: 960px) {
.sidebar {
padding: initial;
display: initial;
height: initial;
overflow: initial;
}
footer {
display: initial;
}
.sidebar-footer {
display: none;
}
div.wrapper {
width: auto;
margin: 0;
}
.sidebar, section, footer {
float: none;
position: static;
width: auto;
}
header {
padding-right: 0px;
}
section {
border: 1px solid var(--clr-splitter-blockquote-and-section);
border-width: 1px 0;
padding: 20px 0;
margin: 0 0 20px;
}
header a small {
display: inline;
}
header ul {
position: absolute;
right: 50px;
top: 52px;
}
.link-wrapper {
display: none !important;
}
.img-circle {
display: none !important;
}
}
@media print, screen and (max-width: 720px) {
body {
word-wrap: break-word;
}
header {
padding: 0;
}
header ul, header p.view {
position: static;
}
pre, code {
word-wrap: normal;
}
}
.link-wrapper-mobile {
margin-bottom: 20px;
}
@media print, screen and (min-width: 961px) {
.link-wrapper-mobile {
display: none !important;
}
}
@media print, screen and (max-width: 480px) {
body {
padding: 15px;
}
}
@media print {
body {
padding: 0.4in;
font-size: 12pt;
color: #444;
}
}
.preview {
margin: 1em;
padding: 1em;
border-bottom: 1px solid #ccc;
}
.preview h2 {
font-size: 1.5em;
margin-top: 0.5em;
}
.preview:last-child {
border-bottom: none;
}
.img-circle {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin-bottom: 10px;
}
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.popup {
margin: 70px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 30%;
position: relative;
transition: all 1s ease-in-out;
}
.popup .close {
position: absolute;
top: 10px;
right: 10px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
}
.popup .close:hover {
color: #06D85F;
}
.popup .content {
padding-right: 20px;
max-height: 30%;
overflow: auto;
font: 15px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 700px) {
.box {
width: 70%;
}
.popup {
width: 70%;
}
}
/*# sourceMappingURL=style.css.map */