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

/* sidebar big lower portion */
#sidebar {
    /*background-color: #262c31;*/
    /*background-color: #131114;*/
    /*background-color: #34233a;*/
    /*background-color: #2e2333;*/
    background-color: #47314f;
}

/* sidebar top portion */
#sidebar #header {
    /*background-color: #111314;*/
    /*background-color: #1e1321;*/
    /*background-color: #111111;*/
    background-color: #9c5ea2;
}

/* search box in sidebar */
#sidebar #header .searchbox {
    /*background: #262c31;*/
    background: #222222;
    /*border-color: #530e64;*/
    border-color: #2e2333;
    border-radius: 0px;
    border-width: 2px;
}

/* magnifying glass in search box */
#sidebar #header .searchbox label {
    color: rgba(200, 200, 200, 0.8);
}

/* 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 */
}

/* full content */
body {
    background: #111111;
    color: #dddddd;
}

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

/* 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 topics */
#sidebar ul.topics > li.parent, #sidebar ul.topics > li.active {
    /*background: #322535;*/
    /*background: #241e26;*/
    /*background: #252226;*/
    background: #312037;
}

/* 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;
}