@charset "utf-8";

@font-face {
    font-family: 'ubuntu';
    src: url('fonts/ubuntu.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

img {
    display: block;
    width: auto;
    max-width: 100%;
}

pre, code {
    background-color: #333;
    /* border: 1px solid #333; */
}
code.kwd {
    color: #f0e68c;
    font-weight: bold;
}
code.flowchart {
    display: block;
    background-color: white;
    border: 1px solid white;
}

pre > code {
    background-color: none;
    border: none;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap;
}
ol.linenums > li {
    list-style-type: decimal;
}

h1, h2, h3, h4, h5, h6 {
    font-family: ubuntu;
}
h3 {
    font-size: 1.4em;
}
h4 {
    font-size: 1.3em;
}
h5 {
    font-size: 1.2em;
}
h6 {
    font-size: 1.1em;
}
div.graphviz {
    margin-left: 20px;
}
div.graphviz embed, div.graphviz object {
    max-width: 100%;
}

h1 > a.edit {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/win-modify.ico);

    display: inline-block;
    width: 0.75em;
    height: 0.75em;
    margin-left: 5px;

    border: 1px solid white;
}
/* h1:hover > a.edit {
    display: inline-block;
} */
h1:hover > a.edit:hover {
    /* background-color: darkgray; */
    border-color: darkgray;
}

h2 .heading-permalink::before,
h3 .heading-permalink::before,
h4 .heading-permalink::before,
h5 .heading-permalink::before,
h6 .heading-permalink::before {
    display: inline-block;
    width: 30px;
    text-align: right;
    padding-right: 5px;
}
h2 .heading-permalink::before {
    content: "↘";
}
h3 .heading-permalink::before {
    content: "●";
}
h4 .heading-permalink::before {
    content: "○";
}
h5 .heading-permalink::before {
    content: "▪";
}
h6 .heading-permalink::before {
    content: "▫";
}

table {
    border-collapse: collapse;
}
table, thead, tbody, tr, th, td {
    margin: 0;
}
table, thead, tbody, tr {
    padding: 0;
}
table, thead, tbody, th, td {
    border: none;
}
table > thead > tr {
    background-color: #a67f83;
    border: 1px solid #a67f83;
}
table > tbody > tr {
    border: 1px solid #ddd;
    border-top: none;
}
table > tbody > tr:nth-child(even) {
    background-color: rgb(244, 244, 244);
}
table > tbody > tr:hover {
    background-color: lightgray;
}
table > thead > tr > th, table > tbody > tr > td {
    padding: 5px 10px;
    font-weight: normal;
}
table > thead > tr > th {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 16px;
}
table > tbody > tr > td {
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
}
.mono {
    font-family: 'Courier New', Courier, monospace;
}

body > p, body > pre, body > table {
    margin-left: 38px;
}
body > h1, body > ol, body > ul {
    margin-left: 20px;
}
body > h1 {
    margin: 10px 20px;
}

i.fa {
    width: 20px;
    height: 20px;
    line-height: 20px;
    /* background-image: url(../img/question-20-hover.png); */
    text-align: center;
}
i.fa:hover {
    background-image: url(../img/question-20-hover.png);
    color: #d81527;
}

a[class^="icon-"]:before, a[class*=" icon-"]:before {
    margin-right: 0.5em;
}
a[class~="inner"], a[class~="outer"] {
    color: #02299b;
    text-decoration: none;
    cursor: pointer;
}
a[class~="inner"]:hover {
    color: #d81527;
}
a[class~="outer"]:hover {
    color: blue;
}