/*
Put your custom CSS in this file.
*/

/* search box entered text */
/*
#sidebar #header .searchbox input {
    color: #fff;
}*/

/* search box placeholder text */
#sidebar #header .searchbox input::placeholder {
    color: rgba(200, 200, 200, 0.8);
    opacity: 1; /* something firefox fix */
}

/* very thin bar between last topic and clear history */
#sidebar hr {
    border-bottom: 1px solid #47314f
}

/* code blocks */
pre[class*="language-"] {
    background: #222222 !important;
    border: 1px solid #555555 !important;
}
code[class*="language-"] {
    background: #222222 !important;
}
pre code {
    /*color: #b51c42;*/
    color: #c897d8 !important;
    /* this padding fixes indent on first line for codeblocks */
    padding: 0 !important;
}
pre .copy-to-clipboard {
    background-color: #111111 !important;
    /*
    to revert the fix for "copy" button
    margin-top: 0;
    */
}
pre .copy-to-clipboard:hover {
    background-color: #333333 !important;
}

/* inline code */
code {
    /*color: #b51c42;*/
    color: #c897d8;
    background: #222222;
}
.copy-to-clipboard {
    background-color: #111111;
    background-image: url(../images/clippy-white.svg);
    /*
    makes "copy" button fit slightly better imo
    FIXME this breaks chromium
    margin-top: .2rem;
    */
}
.copy-to-clipboard:hover {
    background-color: #333333;
}

/* Sidebar currently selected main topic */
#sidebar ul li.active > a {
    background: #111111;
    color: #dddddd !important;
}

/* HACK hide checkmark icons */
.fa.fa-check.read-icon {
    visibility: hidden;
}

/* outline around search bar when clicked */
textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, select[multiple="multiple"]:focus {
    /*box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(164, 124, 178, 0.7);*/
    box-shadow: none;
}

/* Blockquote */
blockquote {
    border-left: 10px solid #9C5EA2;
}